// 颜色
// 定义变量
$colors: (
	'primary': #db9c3f,
	'hot': #ff0000,
	'info': #1e96ab,
	'black': #000,
	'light': #f9f9f9,
	'light-1': #d4d9de,
	'white': #fff,
	'dark': #222,
	'dark-1': #343440,
	'grey': #999,
	'grey-1': #666,
);
$border-color: map-get($colors, 'light-1');
// font-size
// 用法：.fs-xs{font-size:10px}
$base-font-size: 1rem;
$font-sizes: (
	// 8px
		'xxs': 0.6154,
	// 10px
		'xs': 0.7692,
	// 12px
		'sm': 0.9231,
	// 13px
		'md': 1,
	// 15px
		'lg': 1.1538,
	//16px
		'xl': 1.2308,
	// 18px
		'xxl': 1.3846
);

// 主轴对齐方式
$flex-jc: (
	start: flex-start,
	end: flex-end,
	center: center,
	between: space-between,
	around: space-around,
);
// 交叉轴对齐方式
$flex-ai: (
	start: flex-start,
	end: flex-end,
	center: center,
	stretch: stretch,
);

// spacing
// 0-5
// 用法：.mt-1 => margin-top -- level1
// 用法：.pb-2 => padding-bottom -- level2
$spacing-types: (
	m: margin,
	p: padding,
);
$spacing-directions: (
	t: top,
	r: right,
	b: bottom,
	l: left,
);
// 定义基础size
$spacing-base-size: 1rem;
$spacing-sizes: (
	0: 0,
	1: 0.25,
	2: 0.5,
	3: 1,
	4: 1.5,
	5: 3,
);
